<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'shake_animation.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="<%=basePath%>/jquery-1.2.6.js"></script>
<script>
	$(document).ready(function () {
		$(".tip").bind("blur",function(){
			var thisobj = this;
			   var tipCssObj = {'z-index':'1000','display':'inline-block','position': 'absolute','left': ($(thisobj).offset().left - 15), 'top': ($(thisobj).offset().top-$(thisobj).height() - 2),'color':'red','font-weight':'bold','width':'110px'};
                    $("<span class='tip_info'></span>").css(tipCssObj).insertBefore($(thisobj));
                      $(thisobj).prevAll(".tip_info").attr("title","提示信息").html("提示信息").fadeIn('slow');
		});
	});
</script>
  </head>
  
  <body>
  http://127.0.0.1:81/MyDemos/tip_light.jsp
    This is my JSP page. <br>
    <input type ="button" value="test" id ="bt"/>
    <br/>
    <br/>
    <input type="text" value="hello" class="tip" />
  </body>
</html>
